<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/12/23
  Time: 16:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Bootstrap .clearfix 实例</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
    <div><h1>新增凭证</h1></div>

    <div class="operation">
        <div class="saveandaddBt">保存并新增</div>
        <div class="saveBt">保存</div>
    </div>
    <div class="table">
        <div class="rowone">
            <div class="sign">
                <select>
                    <option>记</option>
                    <option>收</option>
                    <option>付</option>
                    <option>转</option>
                </select>
                <input>号
            </div>
            <div class="date">
                日期:
                <input>
            </div>
            <div class="danju">
                附单据
                <input>
                张
            </div>
        </div>

        <div>
            <ul class="tablehead">
                <li class="note" style="margin-left: 20px">摘要</li>
                <li class="subject">会计科目</li>
                <li class="debit">借方金额</li>
                <li class="credit">贷方金额</li>
                <li>亿</li>
                <li>千</li>
                <li>百</li>
                <li>十</li>
                <li>万</li>
                <li>千</li>
                <li>百</li>
                <li>十</li>
                <li>元</li>
                <li>角</li>
                <li>分</li>
                <li>亿</li>
                <li>千</li>
                <li>百</li>
                <li>十</li>
                <li>万</li>
                <li>千</li>
                <li>百</li>
                <li>十</li>
                <li>元</li>
                <li>角</li>
                <li>分</li>
            </ul>
        </div>
        <%--data begin--%>
        <div class="tablebody">
            <ul name="model" hidden>
                <div class="addanddeletediv">
                    <li class="addbefore">+</li>
                    <li class="delete">-</li>
                    <li class="addafter">+</li>
                </div>
                <li class="notedata"><textarea name="notedata" class="form-control"></textarea></li>
                <li class="subjectdata">
                    <textarea name="subjectdata" class="form-control"></textarea>

                </li>
                <li class="debitdata"><textarea name="debitdata" class="form-control"></textarea></li>
                <li class="creditdata"><textarea name="creditdata" class="form-control"></textarea></li>
            </ul>
        </div>
        <%--data end--%>

        <div class="tablebottom">
            <ul>
                <li class="sumdata">总计</li>
                <li class="debitdata"><textarea name="sumdebitdata"></textarea></li>
                <li class="creditdata"><textarea name="sumcreditdata"></textarea></li>
            </ul>
        </div>
        <div class="userinfo">
            制单人:${user.realname}
        </div>
    </div>
</div>


<script src="//cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/tether/1.2.0/js/tether.min.js"></script>
<script id="bsjs" src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="../js/bootstrap-suggest.js"></script>
<script src="../js/learnbootstrap.js"></script>

</body>
</html>
</body>
</html>